<template>
  <div class="box">
        <div class="circle"></div>
        <div class="card">
            <p>会员领卡</p>
        </div>
        <div class="vip">
            <p>领取会员卡可成为汇方圆会员，享受消费积分，兑换优惠券</p>
        </div>
        <button class="btn1">
            <p>微信快速注册</p>
        </button>
        <button class="btn2">
                <p>输入手机号码注册</p>
        </button>
        <div class="pass">
            <img src="/static/imgs_s07/s07_pass.png" alt="显示错误" class="img1">
            <div class="bottom">
                <span>
                    点击注册，即表示已阅读并同意《隐私政策》，《会员协议》和《使用条款》
                </span>
            </div> 
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        
        .box{
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #fff ;
        }
        .circle{
            width:91px;
            height:91px;
            background:rgba(232,232,232,1);
            border-radius:45px;
            margin-top: 43px;
        }
        .card{
            width:57px;
            height:14px;
            margin-top: 31px;
        }
        .card p{
            font-size:14px;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(50,50,50,1);
        }
        .vip{
            height:10px;
            margin-top: 14px;
        }
        .vip p{
            font-size:10px;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(99,99,99,1);
        }
        .btn1{
            width:335px;
            height:43px;
            background:rgba(50,177,108,1);
            border-radius:6px;
            margin-top: 61px;
        }
        .btn1 p{
            font-size:16px;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(255,255,255,1);
            line-height: 42px;
        }
        .btn2{
            width:335px;
            height:43px;
            background:rgba(238,238,238,1);
            border-radius:6px;
            margin-top: 17px;
        }
        .btn2 p{
            font-size:16px;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(0,0,0,1);
        }
        .img1{
            width: 17px;
            height: 17px;
        }
        .pass{
            display: flex;
            flex-direction: row;
            margin: 215px 48px 17px;
        }
        .pass img{
            margin: 7px;
        }
        .pass span{
            font-size:10px;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(99,99,99,1);
        }
        .bottom{
            width: 256px;
            height: 21px;
        }
    </style>
